﻿<UserControl x:Class="BlobTowerDefense.Pages.Controls.ControlsSettings_Languages"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    d:DesignHeight="480" d:DesignWidth="480">

    <UserControl.Resources>
        <Storyboard x:Name="animationIn_LeftToRight">
            <DoubleAnimation From="-200" To="0" Duration="0:0:1.1"
                             Storyboard.TargetName="translateTransform"
                             Storyboard.TargetProperty="X">
                <DoubleAnimation.EasingFunction>
                    <BackEase EasingMode="EaseOut" Amplitude="1"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
        <Storyboard x:Name="animationIn_RightToLeft">
            <DoubleAnimation From="200" To="0" Duration="0:0:1.1"
                             Storyboard.TargetName="translateTransform"
                             Storyboard.TargetProperty="X">
                <DoubleAnimation.EasingFunction>
                    <BackEase EasingMode="EaseOut" Amplitude="1"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>

        <Storyboard x:Name="animationOut_LeftToRight">
            <DoubleAnimation From="0" To="200" Duration="0:0:1.1"
                             Storyboard.TargetName="translateTransform"
                             Storyboard.TargetProperty="X">
                <DoubleAnimation.EasingFunction>
                    <BackEase EasingMode="EaseIn" Amplitude="1"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
        <Storyboard x:Name="animationOut_RightToLeft">
            <DoubleAnimation From="0" To="-200" Duration="0:0:1.1"
                             Storyboard.TargetName="translateTransform"
                             Storyboard.TargetProperty="X">
                <DoubleAnimation.EasingFunction>
                    <BackEase EasingMode="EaseIn" Amplitude="1"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="auto"/>
            <ColumnDefinition Width="auto"/>
            <ColumnDefinition Width="auto"/>
            <ColumnDefinition Width="auto"/>
        </Grid.ColumnDefinitions>
        <Grid.RenderTransform>
            <TranslateTransform x:Name="translateTransform"/>
        </Grid.RenderTransform>
        <Button Name="Button_LanguageEN"
                Grid.Row="0"
                Grid.Column="0"
                Width="240"
                Height="120"
                BorderThickness="0"
                Click="Button_LanguageEN_Click">
            <Button.Background>
                <ImageBrush ImageSource="../../Images/Flags/british_flag_square.jpg"/>
            </Button.Background>
        </Button>
        <Button Name="Button_LanguageDE"
                Grid.Row="0"
                Grid.Column="1"
                Width="240"
                Height="120"
                BorderThickness="0"
                Click="Button_LanguageDE_Click">
            <Button.Background>
                <ImageBrush ImageSource="../../Images/Flags/german_flag_square.jpg"/>
            </Button.Background>
        </Button>        
        <Button Name="Button_LanguageES"
                Grid.Row="1"
                Grid.Column="0"
                Width="240"
                Height="120"
                BorderThickness="0"
                Click="Button_LanguageES_Click">
            <Button.Background>
                <ImageBrush ImageSource="../../Images/Flags/spanish_flag_square.jpg"/>
            </Button.Background>
        </Button>
        <Button Name="Button_LanguageIT"
                Grid.Row="1"
                Grid.Column="1"
                Width="240"
                Height="120"
                BorderThickness="0"
                Click="Button_LanguageIT_Click">
            <Button.Background>
                <ImageBrush ImageSource="../../Images/Flags/italian_flag_square.jpg"/>
            </Button.Background>
        </Button>
        <Button Name="Button_LanguageNL"
                Grid.Row="2"
                Grid.Column="0"
                Width="240"
                Height="120"
                BorderThickness="0"
                Click="Button_LanguageNL_Click">
            <Button.Background>
                <ImageBrush ImageSource="../../Images/Flags/netherland_flag_square.jpg"/>
            </Button.Background>
        </Button>
        <Button Name="Button_LanguageFR"
                Grid.Row="2"
                Grid.Column="1"
                Width="240"
                Height="120"
                BorderThickness="0"
                Click="Button_LanguageFR_Click">
            <Button.Background>
                <ImageBrush ImageSource="../../Images/Flags/french_flag_square.jpg"/>
            </Button.Background>
        </Button>
        <Button Name="Button_LanguageSK"
                Grid.Row="3"
                Grid.Column="0"
                Width="240"
                Height="120"
                BorderThickness="0"
                Click="Button_LanguageSK_Click">
            <Button.Background>
                <ImageBrush ImageSource="../../Images/Flags/slovak_flag_square.png"/>
            </Button.Background>
        </Button>
        <Button Name="Button_LanguageCZ"
                Grid.Row="3"
                Grid.Column="1"
                Width="240"
                Height="120"
                BorderThickness="0"
                Click="Button_LanguageCZ_Click">
            <Button.Background>
                <ImageBrush ImageSource="../../Images/Flags/czech_flag_square.png"/>
            </Button.Background>
        </Button>
    </Grid>
</UserControl>
